//一般直接写在一个js文件中
layui.config({
    base: 'js/sliderVerify/'
}).use(['sliderVerify', 'jquery', 'form','layer'], function() {
    var layer = layui.layer;
    var sliderVerify = layui.sliderVerify,
        form = layui.form;
    var slider = sliderVerify.render({
        elem: '#slider',
        isAutoVerify: false,//关闭自动验证
        bg : 'layui-bg-green',//自定义背景样式名
        text : '请拖动滑块验证',
        onOk: function(){//当验证通过回调
            layer.msg("滑块验证通过");
            // layer.alert('请先通过滑块验证', {
            //     skin: 'layui-layer-lan alert'
            //     ,icon: 5
            //     ,closeBtn: 0
            //     ,anim: 4 //动画类型
            // });
        }
    });
    //监听提交
    form.on('submit(formDemo)', function(data) {
        if(slider.isOk()){//用于表单验证是否已经滑动成功
            // layer.msg(JSON.stringify(data.field));
            //用于表单验证已经滑动成功,提交表单
            return true;
        }else{
            // layer.msg("滑块验证通过");
            //用于表单验证未滑动,禁止提交表单+提示
            layer.alert('请先通过滑块验证', {
                skin: 'layui-layer-lan alert'
                ,icon: 5
                ,closeBtn: 0
                ,anim: 4 //动画类型
            });
        }
        return false;
    });
})